<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1 minimum-scale=1 maximum-scale=1 user-scalable=no" />
    <title>今日计划</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/top.css">
    <link rel="stylesheet" href="./css/planning.css">
    <link rel="stylesheet" href="./swiper/swi.css">
</head>

<body>
    <div class="top">
        <div class="top_left">
            <img src="./icon/主页@2x.png" alt="" onClick="location.href = './presonal.html'">
        </div>
        <h1>今日计划</h1>
        <div class="time"></div>
    </div>
    <div class="planning_content">
        <div class="plan_left">
            <p data-id="0" id="active">今天</p>
            <p data-id="1">明天</p>
            <p onclick="location.href = './calender.html'">日记</p>
        </div>
        <div class="plan_right ">
            <div class=" swiper-container">
                <div class="swiper-wrapper">
                    <ul class="swiper-slide">
                        <li>
                            快来记下你的第一件事吧~
                            <span class="throght"></span>
                            <span class="del"></span>
                        </li>
                        <li>任务2</li>
                        <li>任务3</li>
                        <li>做笔记</li>
                        <li>任务2</li>
                        <li>任务3</li>
                        <li>做笔记</li>
                        <li>任务2</li>
                        <li>任务3</li>
                        <li>做笔记做笔记做笔记做笔记做笔记做笔记</li>
                        <li>任务2</li>
                        <li>任务3</li>
                    </ul>
                </div>
                <!-- Add Scroll Bar -->
                <div class="swiper-scrollbar"></div>
            </div>
        </div>

    </div>
    <div class="add">
        <img src="./icon/组 14@2x.png" alt="" onclick="location.href = './customize.html'">
    </div>
    <script src="./js/flexible.js"></script>
    <script src="./js/planning.js"></script>
    <script src="./swiper/swi.js"></script>
    <script>
        var swiper = new Swiper('.swiper-container', {
            scrollbar: '.swiper-scrollbar',
            direction: 'vertical',
            slidesPerView: 'auto',
            mousewheelControl: true,
            freeMode: true,
            roundLengths: true, //防止文字模糊
        });
    </script>
</body>

</html>